<!DOCTYPE html>
<html>
<head>
    <title>CSS练习</title>
    <link rel="stylesheet" type="text/css" href="font.css">
</head>

<body>
<h1 class="section">盒模型</h1>

<h2>效果</h2>
<div class="content float">
<pre class="poem">
<span class="title">泪水</span>
<div class="body">
如果整个世界都是苍白的

那么，你的泪水

一定会让万物之灵再次新生
</div>
</pre>
</div>
<div class="float">
<div class="content2">
<pre class="qingshi">
《我看见一个杀手》
在大街上，我看见一个杀手

他信步向我走来

缓缓地，把我的心杀死了
</pre>
</div>
</div>
<p>
我那么爱吃醋不是因为不相信你，

　　而是你在我心中太美好，

　　尽管你并没那么优秀。
</p>

<h2 class="css">CSS属性</h2>
<xmp>
    盒子模型：

边距：padding, margin, border
后缀：-left, -right, -top, -bottom
边界样式：border:
border-style:

距离：px, 20%

浮动：float/clear
</xmp>


</body>


</html>